#2D3820

Color Details

HEX
#2D3820
RGB
rgb(45, 56, 32)
HSL
hsl(88, 27%, 17%)
CMYK
cmyk(20%, 0%, 43%, 78%)
Best text on this color #FFFFFF (CR 12.37:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d3820
Contrast 1.70:1 Fail
White on #2d3820
Contrast 12.37:1 AAA
#2d3820 on Black
Contrast 1.70:1 Fail
#2d3820 on White
Contrast 12.37:1 AAA

Tints & Shades

#57604d
#818879
#abafa6
#242d1a
#1b2213
#12160d

Complement & Analogous

#2b2037
#203720
#373620

Triadic

#202c37
#37202c

Monochrome

#12160d #1b2213 #2d3820 #818879 #abafa6 #d5d7d2

Analogous

#373620 #737263 #2d3820 #4d5f4d #203720 #1a2c1a

Complementary Mix

#1b2213 #2d3820 #818879 #2b2037 #756e7d #1c1524

Nearby Colors

#2d381f
#2d3821
#2d3810
#2d3830

Embed #2D3820 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2D3820

#2D3820 converts to RGB(45, 56, 32) and HSL(88, 27%, 17%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2D3820 FAQs

What is the RGB value of #2D3820?
RGB: 45, 56, 32. Copy as CSS: rgb(45, 56, 32)
Is #2D3820 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D3820?
Complement: #2b2037.
Does #2D3820 have good contrast on white or black?
On white: 12.37:1 (AAA (normal text)). On black: 1.70:1 (Fails AA).